<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Signin Template for Bootstrap</title>
    <link th:replace="includes :: link">
    <script th:replace="includes :: script"></script>
    <style th:replace="includes :: style"></style>
    <style>
        body{width:100%;height:100%;text-align:center;overflow-y:hidden !important;background-size: cover !important;
            background: #65cea7 no-repeat fixed;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); color: white}
        .input-mid{width: 300px}
        .align-center{width: 600px; margin: auto}
        .login-form{width: 60%;
            margin: 10% auto auto;
            background-color: rgba(2,2,2,0.5)}
    </style>
    <!-- Custom styles for this template -->
    <!--<link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">-->
</head>
<body>
<form class="layui-form login-form" action="index.html" th:action="@{/user/login}" method="post">
    <br/>
    <br/>
    <div class="layui-form-item">
        <div class="align-center">
            <h1 style="font-weight: bold">基于人工智能的重水堆功率预测平台</h1>
            <!--判断-->
            <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
        </div>
    </div>
    <br/>
    <br/>
    <div class="layui-form-item">
        <div class="align-center">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-inline input-mid">
                <input type="text"  name="username" class="layui-input" placeholder="请输入用户名" required="" autofocus="">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="align-center">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline input-mid">
                <input type="password"  name="password" class="layui-input" placeholder="请输入密码" required="">
            </div>
        </div>
    </div>
    <!--<div class="checkbox mb-3">-->
    <!--<label>-->
    <!--<input type="checkbox" value="remember-me"/> [[#{login.remember}]]-->
    <!--</label>-->
    <!--</div>-->
    <button class="layui-btn" type="submit">登录</button>
    <p style="margin-top: 10px">© 2018-2019</p>
    <br/>
</form>
</body>

</html>